<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	 <head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>商城</title>
		<%@include file="../common/common.jsp" %>
		<link rel="stylesheet" href="${ctx}/css/body.css" />
		<script type="text/javascript" src="${ctx}/js/fastclick.js"></script>
		<script type="text/javascript" src="${ctx}/js/iscroll.js"></script>
		
	</head> 
	<%-- <head>
		<%@include file="../common/rootPath.jsp" %>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>分类</title>
		<link rel="stylesheet" type="text/css" href="${ctx}/css/reset.css" />
		<link rel="stylesheet" href="${ctx}/css/public.css" />
		
		<link rel="stylesheet" type="text/css" href="${ctx}/css/body.css" />
		<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
		<script src="http://api.map.baidu.com/api?ak=kp1gcWjBNnTPEoD1CxMe0u1EX7ZcdAzP&v=2.0&services=false"></script>
		<script type="text/javascript" src="${ctx}/js/jianrong.js"></script>
		<script type="text/javascript" src="${ctx}/js/fastclick.js"></script>
		<script type="text/javascript" src="${ctx}/js/iscroll.js"></script>

	</head> --%>
	<body>
		<!-- 引入头部标签  开始 -->
		<%@include file="../common/header.jsp" %>
		<!-- 引入头部标签  结束 -->
		<div class="classifyLeft clearfix" id="wrapper">
			<ul class="classifyList fl" id="scroller">
				<c:forEach items="${goodsClassList}" var="goodsClass" varStatus="status">
					 <c:choose>
						<c:when test="${status.index<1}">
							<li class="classWord">
								<a href="javascript:void(0);" data-id="${goodsClass.id}">${goodsClass.name}</a>
							</li>
						</c:when>
						<c:otherwise>
							<li>
								<a href="javascript:void(0);" data-id="${goodsClass.id}">${goodsClass.name}</a>
							</li>
						</c:otherwise>
					</c:choose> 
				</c:forEach>
				<!-- <li>
					<a href="###">家用电器</a>
				</li>
				<li>
					<a href="###">家具器材</a>
				</li>
				<li>
					<a href="###">潮流女装</a>
				</li>
				<li>
					<a href="###">居家生活</a>
				</li>
				<li>
					<a href="###">家具器材</a>
				</li>
				<li>
					<a href="###">潮流女装</a>
				</li>
				<li>
					<a href="###">居家生活</a>
				</li> -->
				
			</ul>
		</div>
		
		<!-- 展示分类 -->
		 <div class="classifyShow fr clearfix" id="classifyShowC">
			<%-- <div class="classifyShow_word ">
				<a href="#"><img src="${ctx}/image/banner1.png" alt="" /></a>
			</div> --%>
			<%-- <ul class="classifyShow_img oneStyle clearfix">
				<li>遥控</li>
				<li>
					<ul class="classifyImg clearfix">
						<li class="fl">
							<a href="#"><img src="${ctx}/image/qiche.png" /></a>
							<p>车</p>
						</li>
						<li class="fl">
							<a href="#"><img src="${ctx}/image/tanke.png" /></a>
							<p>坦克</p>
						</li>
						<li class="fl">
							<a href="#"><img src="${ctx}/image/feiji.png" /></a>
							<p>飞机</p>
						</li>
						<li class="fl">
							<a href="#"><img src="${ctx}/image/tanke.png" /></a>
							<p>坦克</p>
						</li>
						<li class="fl">
							<a href="#"><img src="${ctx}/image/feiji.png" /></a>
							<p>飞机</p>
						</li>
							<li class="fl">
							<a href="#"><img src="${ctx}/image/lunchuan.png" /></a>
							<p>船</p>
						</li>
					</ul>
					

				</li>

			</ul>
			
			<ul class="classifyShow_img oneStyle">
				<li>电动</li>
				<li>
					<ul class="classifyImg clearfix">
						<li class="fl">
							<a href="#"><img src="${ctx}/image/zaoxing.png" /></a>
							<p>电动造型</p>
						</li>
						<li class="fl">
							<a href="#"><img src="${ctx}/image/diandongyueqi.png" /></a>
							<p>电动乐器</p>
						</li>

					</ul>

				</li>

			</ul>
			<ul class="classifyShow_img oneStyle clearfix">
				<li>益智</li>
				<li>
					<ul class="classifyImg clearfix">
						<li class="fl">
							<a href="#"><img src="${ctx}/image/zaojiao.png" /></a>
							<p>早教</p>
						</li>
						<li class="fl">
							<a href="#"><img src="${ctx}/image/youer.png" /></a>
							<p>幼儿类</p>
						</li>

					</ul>

				</li>

			</ul> --%>
		</div> 
		
		<!-- 引入底部标签  开始 -->
		<%@include file="../common/bottom.jsp" %>
		<!-- 引入底部标签  结束 -->
		
		<script type="text/javascript" src="${ctx}/js/goods/classify.js"></script>
		<script type="text/javascript" src="${ctx}/js/public.js"></script>
	</body>
</html>
